<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>经济看板</title>
    <script src="../../app/static/js/jquery/jquery-2.1.1.min.js"></script>
    <script src="../../app/static/js/top.js" type="text/javascript"></script>

    <link href="../../app/static/css/common/semantic.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../../app/static/css/dataBoard.css"/>
    <link rel="stylesheet" type="text/css" href="../../app/static/css/bootstrap/bootstrap.min.css"/>
</head>
<body>

<div class="top_div"></div>

<div class="container" style="margin:0 auto;width: 90%;">
    <ul class="nav nav-tabs" id="tab_zw">
        <li role="dataBoard_zw" class="active"><a href="#">经济看板</a></li>
        <li role="iden_zw"><a href="#">经济指标及构成</a></li>
    </ul>
    <div id="charts" style="display: block;">
        <!--<h1>经济运行-经济看板</h1>-->
        <div class="table-head" >
            <div class="head-div">
                <img class="e1" src="../../app/static/images/dataBoard/1.png"/>
                <img class="e2" src="../../app/static/images/dataBoard/1-1-1.png"/>
                <div class="e3">
                    <label><h1 class="dqsczz">-</h1></label><span class="unit"></span>
                    <p class="adsczz_name board_p"></p>
                    <p></p>
                </div>
            </div>
            <div class="head-div" >
                <img class="f1" src="../../app/static/images/dataBoard/2.png"/>
                <div class="f3">
                    <label><h1 class="gdzctz">-</h1></label><span class="unit"></span>
                    <p class="gdzctz_name board_p"></p>
                </div>
            </div>
            <div class="head-div" >
                <img class="f1" src="../../app/static/images/dataBoard/3.png"/>
                <div class="f3" style="color: #538cc5;">
                    <label><h1 class="shxfpls">-</h1></label><span class="unit"></span>
                    <p class="shxfpls_name board_p"></p>
                </div>
            </div>
            <div class="head-div" >
                <img class="f1" src="../../app/static/images/dataBoard/4.png"/>
                <div class="f3" style="color: #69b7a8">
                    <label><h1 class="jckze">-</h1></label><span class="unit"></span>
                    <p class="jckze_name board_p"></p>
                </div>
            </div>
        </div>

        <div class="table-context" >

            <div class="context-div" >
                <img class="c1 dataBoard_c1" src="../../app/static/images/dataBoard/gmys.png"/>
                <div id="scatter-map-bar" class="gmys border-radius">
                </div>
            </div>

            <div class="context-div" >
                <img class="c2" src="../../app/static/images/dataBoard/gjs.png"/>
                <img class="c2-2 dataBoard_c2-2" src="../../app/static/images/dataBoard/sccy.png"/>
                <div class="gmys border-radius">
                    <div id="scatter-map-pie-1" class="pie-1 border-radius"></div>
                    <div id="scatter-map-pie-2" class="pie-2"></div>
                </div>
            </div>

            <div class="context-div" >
                <img class="c3 dataBoard_c3" src="../../app/static/images/dataBoard/fctz.png"/>
                <div id="scatter-map-line-1" class="gmys border-radius"></div>
            </div>

            <div class="context-div" >
                <img class="c4 dataBoard_c4" src="../../app/static/images/dataBoard/czrk.png"/>
                <div id="scatter-map-line-2" class="gmys border-radius"></div>
            </div>

        </div>

    </div>
    <div id="iden_zw" style="display: none;height:calc(100% - 40px)">
        <iframe class="server_gallery" id="macro_iden" style="height:100%"></iframe>
    </div>
</div>

<div class="footer_div">
    <iframe class="footer_iframe" src="../web/footer.html"></iframe>
</div>
<script src="../../app/static/js/echarts/echarts.common.min.js"></script>
<script src="../../app/static/lib/common/SGIS.Base.js"></script>
<script src="../../app/static/js/dataBoard/slider_bar.js"></script>
<script src="../../app/static/js/dataBoard/slider_pie_left.js"></script>
<script src="../../app/static/js/dataBoard/slider_pie_right.js"></script>
<script src="../../app/static/js/dataBoard/slider_line_right.js"></script>
<script src="../../app/static/js/dataBoard/slider_line_left.js"></script>
<script src="../../app/static/js/dataBoard/dataBoard.js"></script>

</body>
</html>